<meta charset="UTF-8"> 
<!-- 指定网页的字符编码为 UTF-8，保证中文等字符能正确显示 -->

<title>探索HTML的奥秘 - 我的学习笔记</title> 
<!-- 设置网页标题，会显示在浏览器标签上 -->

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 视口设置，保证网页在移动端设备上能自适应缩放，提升响应式体验 -->

<meta name="description" content="这是一个关于HTML元数据、文本、图片、表格、表单及HTML5语义化标签应用的详细教程与示例页面。">
<!-- 设置网页描述信息，通常会显示在搜索引擎的结果摘要中，有利于SEO -->

<meta name="keywords" content="HTML, 元数据, 教程, 前端开发, Web开发, 语义化标签">
<!-- 设置网页关键词，帮助搜索引擎理解网页主题 -->

<meta name="author" content="姚昕杰">
<!-- 设置网页作者信息 -->

<meta name="class" content="计科A2353">
<!-- 自定义元信息，表示班级-->

<meta name="major" content="软件工程"> 
<!-- 自定义元信息，表示专业-->